<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/header/style1.css">
	<link rel="stylesheet" type="text/css" href="css/header/nprogress.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<script src="js/jquery-2.1.4.min.js"></script>
	<script src="js/jquery.lazyload.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.ias.js"></script>
	<script type="text/javascript" src="js/home/letter.js"></script>
  	<script type="application/javascript">
	</script>
  </head>
  <body>
    <!-- 顶部导航 -->
	<div id="head-nav" class="navbar navbar-default navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="fa fa-gear"></span>
				</button>
				<a class="navbar-brand" href="home"><span>校园趣事</span> </a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="home">主页</a></li>
					<li><a href="recommend">推荐</a></li>
					<li><a href="Leaderboard">排行榜</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right user-nav">
					<li class="dropdown profile_menu"><a href="#"
						class="dropdown-toggle" data-toggle="dropdown">
						<img src="${LoginUser.getPicture() }" style="width: 30px;border-radius:5px"/>
						<span>${LoginUser.getNickName() }</span> <b
							class="caret"></b> </a>
						<ul class="dropdown-menu">
                            <li><a href="myhome">我的主页</a></li>
                            <li><a href="myInfo">我的信息</a></li>
							<li><a href="follow?userId=${LoginUser.getUserId()}">我的关注</a></li>
							<li><a href="writer">发表文章</a></li>
							<li><a href="updatePwd">修改密码</a></li>
							<li class="divider"></li>
							<li><a href="layout">注销</a></li>
						</ul>
						<input id="hId" type="hidden" value="${LoginUser.getUserId() }">
					</li>
				</ul>
				<ul class="nav navbar-nav navbar-right not-nav">
					<li class="button dropdown">
						<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
							<i class=" fa fa-comments"></i><span class="bubble">2</span>
						</a>
						<ul class="dropdown-menu messages">
							<li>
								<div class="nano nscroller">
									<div class="content1">
										<ul>
											<%--<li>
                                                <a href="#"> <img src="images/avatar2.jpg"alt="avatar" />
                                                  <span class="date pull-right">13 Sept.</span>
                                                  <span class="name">Daniel</span>
                                                  <span>I'm following you,and I want your money! </span>
                                                </a>
											</li>--%>
										</ul>
									</div>
								</div>
								<ul class="foot">
									<li><a href="messageManage">View all messages </a></li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 顶部导航结束 -->
  </body>
</html>
